<template>
	<div id="footer">
		<router-link to="/home">
			<p><span class="iconfont icon-yanjing1"></span></p>
			<p>首页</p>
		</router-link>
		<router-link to="/course">
			<span class="iconfont icon-biaoqianA01_kecheng-96"></span>
			<p>课程</p>
		</router-link>
		<router-link to="/vip">
			<p><span class="iconfont icon-huiyuan"></span></p>
			<p>会员</p>
		</router-link>
		<router-link to="/assist">
			<p><span class="iconfont icon-xiaoxi11"></span></p>
			<p>辅导</p>
		</router-link>
		<router-link to="/my">
			<p><span class="iconfont icon-mine"></span></p>
			<p>我的</p>
		</router-link>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped="scoped">
	#footer{
		width: 100%;
		height: 0.55rem;
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
		font-size: 0.12rem;
		border-top: 0.01rem solid #ddddde;
		background-color: #FFFFFF;
		z-index: 5;
	}
	a{
		text-decoration: none;
		text-align: center;
		color:#7a7778
	}
	span{
		font-size: 0.25rem;
	}
	.router-link-active{
		color: #46b790;
	}
</style>
